<!--
 * @Author: Lei Hao
 * @Date: 2021-06-15 19:02:55
 * @LastEditors: Lei Hao
 * @LastEditTime: 2021-06-16 17:38:07
 * @Description: file content
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据中心</title>
    <link rel="shortcut icon" href="#" />
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header layui-bg-cyan">
            <div class="layui-logo layui-hide-xs layui-bg-cyan">智慧物业</div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;">
                        <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
                            class="layui-nav-img">
                        tester
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="">个人中心</a></dd>
                        <dd><a href="">退出登录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-more-vertical"></i>
                    </a>
                </li>
            </ul>
        </div>

        <div class="layui-side layui-bg-cyan">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree layui-bg-cyan" lay-filter="test">
                    <li class="layui-nav-item">
                        <a>数据中心</a>
                        <dl class="layui-nav-child" id="dataCenterTab">
                            <dd class="layui-this">
                                <a href="#/community">小区管理</a>
                            </dd>
                            <dd>
                                <a href="#/building">楼宇管理</a>
                            </dd>
                            <dd>
                                <a href="#/parking">车位管理</a>
                            </dd>
                            <dd>
                                <a href="#/owner">业主管理</a>
                            </dd>
                            <dd>
                                <a href="#/tenant">租客管理</a>
                            </dd>
                            <dd>
                                <a href="#/visitor">访客管理</a>
                            </dd>
                            <dd>
                                <a href="#/listAdvertise">广告位管理</a>
                            </dd>
                            <dd>
                                <a href="#/vehicle">车辆管理</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>

        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;" id="tabBody">
                <!-- 这里放内容-------------------------- -->
                <!-- NOTE 小区管理 -->
                <main class="layui-fluid" id="community">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="community-control">
                                <li class="layui-input-inline">
                                    <h2>小区管理</h2>
                                </li>
                                <li class="layui-input-inline">
                                    <input type="text" placeholder="请输入小区名称" class="layui-input" id="community-input">
                                    <button type="button" class="layui-btn" id="community-searthBtn">搜索</button>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <!--TODO 小区管理——小区卡片 -->
                            <div class="layui-bg-gray" style="padding: 30px;">
                                <div class="layui-row layui-col-space15">
                                    <div class="layui-col-md4">
                                        <div class="layui-card communityItems">
                                            <div class="layui-card-body">
                                                <div class="flexbox">
                                                    <img src="" alt="">
                                                    <div class="flexboxItem">
                                                        <h5>这里是小区名称</h5>
                                                        <p>这里是到期时间</p>
                                                    </div>
                                                </div>
                                                <i class="layui-icon layui-icon-login-wechat"></i>
                                                <i class="layui-icon layui-icon-ios"></i>
                                                <i class="layui-icon layui-icon-auz"></i>
                                                <hr>
                                                <div class="flexToRight">
                                                    <i class="layui-icon layui-icon-add-circle"><a
                                                            href="#/communityBuy">续费</a></i>
                                                    <i class="layui-icon layui-icon-edit"><a
                                                            href="#/communityEdit">编辑</a></i>
                                                    <i class="layui-icon layui-icon-delete"><span>删除</span></i>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="layui-col-md4">
                                        <div class="layui-card communityItems">
                                            <div class="layui-card-body addCommunity">
                                                <p>
                                                    <i class="layui-icon layui-icon-add-circle"></i>
                                                </p>
                                                <p>
                                                <h5>添加小区</h5>
                                                </p>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
                <!-- NOTE 小区管理——支付页 -->
                <main class="layui-fluid" id="communityBuy">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="community-control">
                                <li class="layui-input-inline">
                                    <h2>小区购买</h2>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <div>
                                账户：<span>XXX</span>
                                单价：<span>XXX</span>
                            </div>
                            <div class="layui-row communityBuy">
                                <div class="layui-col-md3">
                                    <div class="layui-panel">
                                        <div style="padding: 50px 30px;">
                                            <h3>1000元</h3>
                                            <hr>
                                            <p>一年标注版</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-md3">
                                    <div class="layui-panel">
                                        <div style="padding: 50px 30px;">
                                            <h3>2500元</h3>
                                            <hr>
                                            <p>三年尊享</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-md3">
                                    <div class="layui-panel">
                                        <div style="padding: 50px 30px;">
                                            <h3>10000元</h3>
                                            <hr>
                                            <p>至尊版</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="communityBuyBack">
                                <p>应付金额：<span>10000</span>元</p>
                                <img src="" alt="二维码图片">
                                <p>
                                    <button type="button" class="layui-btn"><a href="#/community">返回</a></button>
                                </p>
                            </div>
                        </div>
                    </div>
                </main>
                <!-- NOTE 小区管理——编辑页 -->
                <main class="layui-fluid" id="communityEdit">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="community-control">
                                <li class="layui-input-inline">
                                    <h2>新增/修改小区</h2>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <form class="layui-form" action="">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">小区名称（必填）</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="communityname" lay-verify="required"
                                            lay-reqtext="小区名称是必填项，不得为空" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">小区地址（必填）</label>
                                    <div class="layui-input-inline">
                                        <select name="quiz1">
                                            <option value="">请选择省</option>
                                            <option value="浙江" selected="">浙江省</option>
                                            <option value="江西">江西省</option>
                                            <option value="福建">福建省</option>
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="quiz2">
                                            <option value="">请选择市</option>
                                            <option value="杭州">杭州</option>
                                            <option value="宁波" disabled="">宁波</option>
                                            <option value="温州">温州</option>
                                            <option value="温州">台州</option>
                                            <option value="温州">绍兴</option>
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="quiz3">
                                            <option value="">请选择县/区</option>
                                            <option value="西湖区">西湖区</option>
                                            <option value="余杭区">余杭区</option>
                                            <option value="拱墅区">临安市</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">小区负责人（必填）</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="principal" lay-verify="required"
                                            lay-reqtext="小区负责人是必填项，岂能为空？" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">负责人电话（必填）</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="principalTel" lay-verify="required"
                                            lay-reqtext="负责人电话是必填项，岂能为空？" placeholder="请输入" autocomplete="off"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">小区logo</label>
                                    <input type="file" name="communityLogo">
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">小区图片</label>
                                    <input type="file" name="communityPhoto">
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">占地面积</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="landArea" lay-verify="title" autocomplete="off"
                                            placeholder="单位：平方米" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">建筑面积</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="constructArea" lay-verify="title" autocomplete="off"
                                            placeholder="单位：平方米" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">公共场所面积</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="publicArea" lay-verify="title" autocomplete="off"
                                            placeholder="单位：平方米" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">绿化面积</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="greenArea" lay-verify="title" autocomplete="off"
                                            placeholder="单位：平方米" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">设计停车位面积</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="parkingArea" lay-verify="title" autocomplete="off"
                                            placeholder="单位：平方米" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">车库面积</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="garageArea" lay-verify="title" autocomplete="off"
                                            placeholder="单位：平方米" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">备注</label>
                                    <div class="layui-input-block">
                                        <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button type="submit" class="layui-btn" lay-submit=""
                                            lay-filter="demo1">保存并支付</button>
                                        <button type="reset" class="layui-btn layui-btn-danger"><a
                                                href="#/community">返回</a></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </main>
                <!-- NOTE 楼宇管理 -->
                <main class="layui-fluid" id="building">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="building-control">
                                <li class="layui-input-inline">
                                    <h2>楼宇管理</h2>
                                </li>
                                <li id="buildingSelect">
                                    <p>小区名称：</p>
                                    <select name="city" lay-verify="required">
                                        <!-- TODO 渲染小区名称 -->
                                        <option value="1">小区名称</option>
                                    </select>
                                    <div class="layui-form-mid layui-word-aux">小区地址:
                                        <!-- TODO 渲染小区地址 -->
                                        <span></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <div class="layui-tab layui-tab-card">
                                <ul class="layui-tab-title">
                                    <li class="layui-this">住宅</li>
                                    <li>办公</li>
                                    <li>公寓</li>
                                    <li>商用</li>
                                </ul>
                                <div class="layui-tab-content" id="buildingManager">
                                    <div class="layui-tab-item layui-show">
                                        <div class="layui-row">
                                            <div class="layui-col-md2">
                                                <ul class="layui-menu" class="buildingManagerMenu">
                                                    <li>
                                                        <div class="bmm_item">
                                                            <p class="layui-font-20">楼栋</p>
                                                            <button type="button" class="layui-btn">增加楼栋</button>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="bmm_item">
                                                            这里添加楼栋
                                                            <div>
                                                                <i class="layui-icon layui-icon-set"></i>
                                                                <i class="layui-icon layui-icon-delete"></i>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="layui-col-md10">
                                                <div class="bmm_item">
                                                    <div class="bmm_item_head">
                                                        <p class="layui-font-20">楼号</p>
                                                        <p class="bmm_item_head_info">
                                                            楼宇朝向：
                                                            <span>。。。</span>
                                                            楼高：
                                                            <span>。。。</span>
                                                            楼宇结构：
                                                            <span>。。。</span>
                                                        </p>
                                                    </div>
                                                    <div>
                                                        <button type="button" class="layui-btn">添加房屋</button>
                                                        <button type="button"
                                                            class="layui-btn layui-btn-normal">收费标准设置</button>
                                                        <button type="button"
                                                            class="layui-btn layui-btn-danger">删除</button>
                                                    </div>
                                                </div>
                                                <table class="layui-table" lay-even="" lay-skin="row">
                                                    <colgroup>
                                                        <col width="100">
                                                        <col>
                                                        <col>
                                                        <col>
                                                    </colgroup>
                                                    <thead>
                                                        <tr>
                                                            <th>楼层</th>
                                                            <th>单元1</th>
                                                            <th>单元2</th>
                                                            <th>单元3</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>1楼</td>
                                                            <td>

                                                            </td>
                                                            <td>

                                                            </td>
                                                            <td>

                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">2</div>
                                    <div class="layui-tab-item">3</div>
                                    <div class="layui-tab-item">4</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
                <!-- NOTE 车位管理 -->
                <main class="layui-fluid" id="parking">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="parking-control">
                                <li class="layui-input-inline">
                                    <h2>车位管理</h2>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <div class="layui-row">
                                <div class="layui-col-md9">
                                    <button type="button" class="layui-btn layui-btn-normal">添加</button>
                                    <button type="button" class="layui-btn">导入</button>
                                    <button type="button" class="layui-btn layui-btn-primary">添加收费标准</button>
                                    <button type="button" class="layui-btn layui-btn-danger">删除</button>
                                </div>
                                <div class="layui-col-md3">
                                    <input type="text" placeholder="请输入车位号" class="layui-input" id="parking-input">
                                    <button type="button" class="layui-btn" id="parking-searthBtn">搜索</button>
                                </div>
                            </div>
                            <div class="layui-row">
                                <table class="layui-hide" id="parkingTable"></table>
                            </div>
                        </div>
                    </div>
                </main>
                <!-- NOTE 业主管理 -->
                <main class="layui-fluid" id="owner">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="owner-control">
                                <li class="layui-input-inline">
                                    <h2>业主管理</h2>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <div class="layui-tab layui-tab-card">
                                <ul class="layui-tab-title">
                                    <li class="layui-this">已迁入</li>
                                    <li>待审核</li>
                                    <li>未通过</li>
                                    <li>已迁出</li>
                                </ul>
                                <div class="layui-tab-content" id="ownerManager">
                                    <div class="layui-tab-item layui-show">
                                        <div class="layui-row">
                                            <div class="layui-col-md9">
                                                <button type="button" class="layui-btn layui-btn-normal">添加</button>
                                                <button type="button" class="layui-btn">导入</button>
                                                <button type="button" class="layui-btn layui-btn-danger">迁出</button>
                                            </div>
                                            <div class="layui-col-md3">
                                                <input type="text" placeholder="请输入姓名/房号/手机号" class="layui-input"
                                                    id="owner-input">
                                                <button type="button" class="layui-btn" id="owner-searthBtn">搜索</button>
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <table class="layui-hide" id="ownerTable"></table>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <div class="layui-row">
                                            <div class="layui-col-md9">
                                                <button type="button" class="layui-btn layui-btn-normal">通过</button>
                                                <button type="button" class="layui-btn layui-btn-danger">不通过</button>
                                            </div>
                                            <div class="layui-col-md3">
                                                <input type="text" placeholder="请输入姓名/房号/手机号" class="layui-input"
                                                    id="owner-input-Review">
                                                <button type="button" class="layui-btn"
                                                    id="ownerReview-searthBtn">搜索</button>
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <table class="layui-hide" id="ownerTableReview"></table>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <div class="layui-row">
                                            <div class="layui-col-md9">
                                                <button type="button" class="layui-btn layui-btn-danger">删除</button>
                                            </div>
                                            <div class="layui-col-md3">
                                                <input type="text" placeholder="请输入姓名/房号/手机号" class="layui-input"
                                                    id="owner-input-Unpass">
                                                <button type="button" class="layui-btn"
                                                    id="ownerUnpass-searthBtn">搜索</button>
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <table class="layui-hide" id="ownerTableUnpass"></table>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <div class="layui-row">
                                            <div class="layui-col-md9">
                                                <button type="button" class="layui-btn layui-btn-danger">删除</button>
                                            </div>
                                            <div class="layui-col-md3">
                                                <input type="text" placeholder="请输入姓名/房号/手机号" class="layui-input"
                                                    id="owner-input-Out">
                                                <button type="button" class="layui-btn"
                                                    id="ownerOut-searthBtn">搜索</button>
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <table class="layui-hide" id="ownerTableOut"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </main>
                <!-- NOTE 租客管理 -->
                <main class="layui-fluid" id="tenant">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="tenant-control">
                                <li class="layui-input-inline">
                                    <h2>业主管理</h2>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <div class="layui-tab layui-tab-card">
                                <ul class="layui-tab-title">
                                    <li class="layui-this">已迁入</li>
                                    <li>待审核</li>
                                    <li>未通过</li>
                                    <li>已迁出</li>
                                </ul>
                                <div class="layui-tab-content" id="tenantManager">
                                    <div class="layui-tab-item layui-show">
                                        <div class="layui-row">
                                            <div class="layui-col-md9">
                                                <button type="button" class="layui-btn layui-btn-normal">添加</button>
                                                <button type="button" class="layui-btn">导入</button>
                                                <button type="button" class="layui-btn layui-btn-danger">迁出</button>
                                            </div>
                                            <div class="layui-col-md3">
                                                <input type="text" placeholder="请输入姓名/房号/手机号" class="layui-input"
                                                    id="tenant-input">
                                                <button type="button" class="layui-btn"
                                                    id="tenant-searthBtn">搜索</button>
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <table class="layui-hide" id="tenantTable"></table>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <div class="layui-row">
                                            <div class="layui-col-md9">
                                                <button type="button" class="layui-btn layui-btn-normal">通过</button>
                                                <button type="button" class="layui-btn layui-btn-danger">不通过</button>
                                            </div>
                                            <div class="layui-col-md3">
                                                <input type="text" placeholder="请输入姓名/房号/手机号" class="layui-input"
                                                    id="tenant-input-Review">
                                                <button type="button" class="layui-btn"
                                                    id="tenantReview-searthBtn">搜索</button>
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <table class="layui-hide" id="tenantTableReview"></table>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <div class="layui-row">
                                            <div class="layui-col-md9">
                                                <button type="button" class="layui-btn layui-btn-danger">删除</button>
                                            </div>
                                            <div class="layui-col-md3">
                                                <input type="text" placeholder="请输入姓名/房号/手机号" class="layui-input"
                                                    id="tenant-input-Unpass">
                                                <button type="button" class="layui-btn"
                                                    id="tenantUnpass-searthBtn">搜索</button>
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <table class="layui-hide" id="tenantTableUnpass"></table>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <div class="layui-row">
                                            <div class="layui-col-md9">
                                                <button type="button" class="layui-btn layui-btn-danger">删除</button>
                                            </div>
                                            <div class="layui-col-md3">
                                                <input type="text" placeholder="请输入姓名/房号/手机号" class="layui-input"
                                                    id="tenant-input-Out">
                                                <button type="button" class="layui-btn"
                                                    id="tenantOut-searthBtn">搜索</button>
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <table class="layui-hide" id="tenantTableOut"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </main>
                <!-- NOTE 访客管理 -->
                <main class="layui-fluid" id="visitor">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="visitor-control">
                                <li class="layui-input-inline">
                                    <h2>访客管理</h2>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <div class="layui-bg-gray" style="padding: 10px;">
                                <div class="layui-row layui-col-space15">
                                    <div class="layui-col-md3">
                                        <div class="layui-panel">
                                            <div style="padding: 50px 30px;">
                                                <p>所有访客</p>
                                                <h5>000</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <div class="layui-panel">
                                            <div style="padding: 50px 30px;">
                                                <p>当前访客</p>
                                                <h5>000</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <div class="layui-panel">
                                            <div style="padding: 50px 30px;">
                                                <p>未到访客</p>
                                                <h5>000</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <div class="layui-panel">
                                            <div style="padding: 50px 30px;">
                                                <p><i class="layui-icon layui-icon-add-circle"></i></p>
                                                <h5>新增访客</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <table class="layui-hide" id="visitorTable"></table>
                        </div>
                    </div>
                </main>
                <!-- NOTE 广告位管理 -->
                <main class="layui-fluid" id="listAdvertise">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="listAdvertise-control">
                                <li class="layui-input-inline">
                                    <h2>广告位管理</h2>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <div class="layui-row">
                                <div class="layui-col-md9">
                                    <button type="button" class="layui-btn layui-btn-normal">添加</button>
                                    <button type="button" class="layui-btn">导入</button>
                                    <button type="button" class="layui-btn layui-btn-primary">添加收费标准</button>
                                    <button type="button" class="layui-btn layui-btn-danger">删除</button>
                                </div>
                                <div class="layui-col-md3">
                                    <input type="text" placeholder="请输入广告位名称\广告编号" class="layui-input"
                                        id="listAdvertise-input">
                                    <button type="button" class="layui-btn" id="listAdvertise-searthBtn">搜索</button>
                                </div>
                            </div>
                            <table class="layui-hide" id="listAdvertiseTable"></table>
                        </div>
                    </div>
                </main>
                <!-- NOTE 车辆管理 -->
                <main class="layui-fluid" id="vehicle">
                    <div class="layui-card" class="layui-fluid">
                        <div class="layui-card-header">
                            <ul class="vehicle-control">
                                <li class="layui-input-inline">
                                    <h2>车辆管理</h2>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-card-body layui-row">
                            <div class="layui-row">
                                <div class="layui-col-md9">
                                    <button type="button" class="layui-btn layui-btn-normal">添加</button>
                                    <button type="button" class="layui-btn">导入</button>
                                    <button type="button" class="layui-btn layui-btn-primary">添加收费标准</button>
                                    <button type="button" class="layui-btn layui-btn-danger">删除</button>
                                </div>
                                <div class="layui-col-md3">
                                    <input type="text" placeholder="请输入广告位名称\广告编号" class="layui-input"
                                        id="vehicle-input">
                                    <button type="button" class="layui-btn" id="vehicle-searthBtn">搜索</button>
                                </div>
                            </div>
                            <div class="layui-row">
                                <table class="layui-hide" id="vehicleTable"></table>
                            </div>
                        </div>
                    </div>
                </main>
            </div>

        </div>
    </div>
</body>

</html>